/* 清楚浏览器自带样式*/
html body{

    margin:0;!important;
    padding: 0;

    position: relative;
    height: 100%;
}
a{
    text-decoration: none;
}

/*设置导航页*/

.container{
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    /*padding: 0 60px;*/
    height:76.8px;

    /*box-shadow: 10px 0 10px 5px #eee;*/
}



/*logo*/
.navigImg{
    display: flex;
    align-items: center;
}
.imgItem{
    max-height:52px;
    /*padding-right: 20px;*/

}

/*导航栏*/
.NavigationPage{
    position:fixed;
    z-index: 5;
    background-color: #ffffff;
    width:100%;
    /*display: inline-block;*/
}

.NavigationBar{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width:100%;

    /*position:fixed;*/
}
.navigationBarItem{
    line-height: 1.5;
    font-size: 17px;
    padding:0 24px;
    height:100%;
    display: flex;!important;
    align-items: center;
    /*font-family: 'NotoSansCJKsc-Bold-diy';*/   /*好想不知道在哪找到这个字体*/
}
.navigationBarItem>a{
    color: rgb(10, 134, 47);
    font-weight: 400;
}

/*下拉*/
.dropdown{
    position:relative;
    /*display: inline-block;*/
}
.dropdown-content{
    display: none;
    position:absolute;

    top: 76.8px;

    width:100%;
}
.dropdown:hover .dropdown-content{
    display: block;
}


/*图标显示隐藏*/
.isfalse{
    opacity: 0;
    transition:all 0.5s;
}
.navigationBarItem:hover .isfalse{
    opacity: 1;
}
/*下拉菜单图标隐藏*/
.isfalse1{
    opacity: 0;
    transition:all 0.5s;
}
.dropdownItem:hover .isfalse1{
    opacity: 1;
}
.navigationBarItem>i{
    color: rgba(255, 159, 170, 1);
}
.dropdownItem>i{
    color: rgba(255, 159, 170, 1);
}

.dropdown-content{
    /*display: flex;*/
    font-size: 14px;
    align-items: center;
    background: rgb(255,255,255);
    z-index:5;
}
.dropdownItem{
    display: flex;
    text-align: center;
    justify-content: center;
    margin:0;
    padding: 0;
    color: rgb(10, 134, 47);
}


/*切换language*/

.switLanguage{
    display: flex;
    align-items: center;
}

.languageStyle{
    font-weight: 400;
    font-size:14px;
    line-height: 1.5;
    width:108.7px;      /*这里直接使用了计算长度，没找到设置长度的地方*/
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
.languageSelected{
    color: rgba(255, 159, 170, 1);
    padding:10px;
}
.languageItem{
    color:rgba(86, 61, 53, 1);
    padding:10px;
}
.languageItem:hover{
    color: rgba(255, 159, 170, 1);

}







/*媒体响应*/
@media (min-width: 1300px) {
    .container{
        padding: 0 60px;
    }
}

@media (min-width: 768px) and (max-width: 1299px) {
    .container{
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .container{
        padding: 0 60px;
    }
}


/*.box{*/
    /*width:100%;*/
    /*height:200px;*/
    /*background: orange;*/
/*}*/




/*滑动部分*/

body {
    /*background: #eee;*/
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*color: #000;*/
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
    /*display: flex;*/
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /*height: 500px;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
}
.swiper-wrapper {
    height: 100vh;
}
.swiper-wrapper:last-child {
    /*height:50vh;*/
}
/*.slidePct5{*/
    /*height:50vh;!important;*/
.swiper-slide{
    color:rgba(255,255,255,1);
}


.slidePct1{
    background-image: url('../image/homepage1.jpg');
    background-size: cover;
    /*display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-grow:1;
    /*height:400px;*/
}
.slidePct2{
    background-image: url('../image/homepage2.jpg');
    background-size: cover;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-grow:1;
    /*height:400px;*/
}
.slidePct3{
    background-image: url('../image/homepage3.jpg');
    background-size: cover;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-grow:1;
    /*height:400px;*/
}
.slidePct4{
    background-image: url('../image/homepage4.jpg');
    background-size: cover;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-grow:1;
    /*height:400px;*/
}
.slidePct5{
    background-color: #000;
    height:50vh;!important;
}

/*滑动文字部分*/


.slideTitle{
    font-size: 95px;
    /*opacity: 0;*/
}

.swiper-slide-active .animationLeft{
    animation: leftIn 1.5s;
}
.swiper-slide-active .animationRight{
    animation: rightIn 1.5s;
}
@keyframes leftIn
{
    0%{transform: translateX(-500px);opacity: 0;}
    100%{transform:translateX(0px);opacity: 1; }
}
​
@-webkit-keyframes leftIn /* Safari and Chrome */
{
    0%{transform: translateX(-500px);opacity: 0;}
    100%{transform:translateX(0px);opacity: 1; }
}
@keyframes rightIn
{
    0%{transform: translateX(500px);opacity: 0;}
    100%{transform:translateX(0px);opacity: 1; }
}
​
@-webkit-keyframes rightIn /* Safari and Chrome */
{
    0%{transform: translateX(500px);opacity: 0;}
    100%{transform:translateX(0px);opacity: 1; }
}


/*底部*/
.bottomPage{
    width:100%;

    padding:0 80px;
    margin-top:40px;
    /*color:rgba(255,255,255,1);*/
    /*display: inline-block;*/
}
.wSpace{
    height:100px;
    /*display: inline-block;*/
    /*z-index: 10;*/
}
.bottomSelect{
    display: flex;
}
.selectItem{
    padding:12px 0;
    cursor: pointer;
    width:100px;
    text-align: left;

}
.selectItem>a{
    padding: 10px 0;
    color:rgba(255,255,255,1);
    /*text-align: left;*/

}
.bottomContent{
    text-align: left;
    margin-top:20px;
    font-size: 17px;
}
.contentItem1{
    margin-bottom:8px;
}
.contentItem2{
    margin:8px 0;
}
.contentItem3{
    margin-top:8px;
}
.btitem>a{
    color:rgba(255,255,255,1);
    font-size: 14px;

}
/*底部右侧图标*/
.bottomContainer{
    display: flex;
    justify-content:space-between ;
    position: relative;
}

.bottomLogo{
    display: flex;
}
.bottomLogo>img{
    width:112px;
}
.boLogtext{
    position: absolute;
    right:0;
    bottom:0;
}













